<template>
  <!-- v-title data-title="掌上精选-直播电商数据分析&智能分析服务平台" -->
  <div id="talent_main" :class="{ pl_188: !$store.state.left_nav_flag }">
    <left_nav />
    <person_centerN
      v-if="$route.params.model == 'person_center'"
      v-title
      data-title="掌上精选-直播电商数据分析&智能分析服务平台"
    ></person_centerN>
    <buy v-title data-title="掌上精选-直播电商数据分析&智能分析服务平台" v-if="$route.params.model == 'buy'"></buy>
    <bring_goods v-if="$route.params.model == 'bring_goods'"></bring_goods>
    <live_talent v-if="$route.params.model == 'live_talent'"></live_talent>
    <live_house
      v-title
      data-title="掌上精选-直播电商数据分析&智能分析服务平台"
      v-if="$route.params.model == 'live_house'"
    ></live_house>
    <star_map v-if="$route.params.model == 'star_map'" />
    <fans_main v-if="$route.params.model == 'fans_main'" />
    <search v-title data-title="掌上精选-直播电商数据分析&智能分析服务平台" v-if="$route.params.model == 'search'" />
    <hot_video
      v-title
      data-title="掌上精选-直播电商数据分析&智能分析服务平台"
      v-if="$route.params.model == 'hot_video'"
    />
    <shop_main v-if="$route.params.model == 'shop_main'" />
    <!-- wang -->
    <compareRoot
      v-title
      data-title="掌上精选-直播电商数据分析&智能分析服务平台"
      v-if="$route.params.model == 'compare'"
    />
    <tdetails v-if="$route.params.model == 'tdetails'" />
    <hotMusic v-title data-title="掌上精选-直播电商数据分析&智能分析服务平台" v-if="$route.params.model == 'hotMusic'" />
    <hotTopic v-title data-title="掌上精选-直播电商数据分析&智能分析服务平台" v-if="$route.params.model == 'hotTopic'" />
    <searchRoot
      v-title
      data-title="掌上精选-直播电商数据分析&智能分析服务平台"
      v-if="$route.params.model == 'searchRoot'"
    />
    <!-- <searchRes v-if="$route.params.model == 'searchRes'" /> -->
    <goodsListRoot
      v-title
      data-title="商品销量榜-直播电商数据分析&智能分析服务平台-掌上精选"
      v-if="$route.params.model == 'goodsListRoot'"
    />
    <videoListRoot v-if="$route.params.model == 'videoListRoot'" />
    <shopList
      v-title
      data-title="抖音小店排行榜-直播电商数据分析&智能分析服务平台-掌上精选"
      v-if="$route.params.model == 'shopList'"
    />
    <!-- <talentSalesList
      v-title
      data-title="达人销量榜-直播电商数据分析&智能分析服务平台-掌上精选"
      v-if="$route.params.model == 'talentSalesList'"
    />-->
    <liveTrafficMarket
      v-title
      data-title="掌上精选-直播电商数据分析&智能分析服务平台"
      v-if="$route.params.model == 'liveTrafficMarket'"
    />
    <explosiveProRoot v-if="$route.params.model == 'explosiveProRoot'" />
    <liveSearchRoot
      v-title
      data-title="掌上精选-直播电商数据分析&智能分析服务平台"
      v-if="$route.params.model == 'liveSearchRoot'"
    />
    <!-- <liveSearchRes v-if="$route.params.model == 'liveSearchRes'" /> -->
    <liveDetailsRoot v-if="$route.params.model == 'liveDetailsRoot'" />

    <workbench
      v-title
      data-title="掌上精选-直播电商数据分析&智能分析服务平台"
      v-if="$route.params.model == 'workbench'"
    />
    <brandRoot v-if="$route.params.model == 'brandRoot'" />
    <list v-if="$route.params.model == 'list'" />
    <liveDrainage v-if="$route.params.model == 'liveDrainage'" />
    <myMonitoring v-if="$route.params.model == 'myMonitoring'"></myMonitoring>

    <!-- 商品详情 -->
    <goodsDetails v-if="$route.params.model == 'goodsDetails'"></goodsDetails>
    <!-- 我的收藏 -->
    <CollectRoot v-title v-if="$route.params.model == 'collectionRoot'"></CollectRoot>
    <!-- 邀好友送会员 -->
    <SendMembers v-title v-if="$route.params.model == 'sendMembers'"></SendMembers>
    <!-- 对比 -->
    <!-- wang -->

    <!-- 视频详情 -->
    <videoDetails v-if="$route.params.model == 'videoDetails'"></videoDetails>

    <!-- 热门音乐详情 -->
    <musicDetails v-if="$route.params.model == 'musicDetails'"></musicDetails>

    <!-- 话题详情 -->
    <topicDetailsMainL v-if="$route.params.model == 'topicDetailsMainL'"></topicDetailsMainL>
    <!-- 小店详情 -->
    <shopDetails v-if="$route.params.model == 'shopDetails'"></shopDetails>
    <liveBroadcasting v-if="$route.params.model == 'liveBroadcasting'"></liveBroadcasting>
    <liveGoodsRank v-if="$route.params.model == 'liveGoodsRank'"></liveGoodsRank>
    <!-- 直播风车榜 -->
    <windmill v-if="$route.params.model == 'windmill'"></windmill>
  </div>
</template>

<script>
import liveBroadcasting from '@/pages/Li/liveBroadcasting/liveBroadcasting.vue'; // 直播间对比

import person_centerN from '@/pages/Li/user_center/person_centerRoot'; // 个人资料

import buy from '@/pages/meng/buy/buy.vue'; // 购买续费页面

import bring_goods from '@/pages/meng/live/bring_goods.vue'; // 实时直播大厅

import live_talent from '@/pages/meng/live/live_talent.vue'; //直播达人榜

import live_house from '@/pages/meng/live/live_house.vue'; //直播预告看板

import shop_main from '../../../pages/Li/goodsDetails/goodsDetailsMain.vue'; //商品详情

import star_map from '@/pages/meng/talent/star_map.vue'; //星图达人榜

import fans_main from '@/pages/meng/talent/fans_main.vue'; //达人排行榜

import search from '@/pages/meng/talent/search.vue'; //达人搜索

import left_nav from '@/component/left_nav.vue'; //左侧导航

import hot_video from '@/pages/meng/video/hot_video.vue'; //热门视频
// wang

import tdetails from '@/pages/wang/talent/tdetails/tdetails.vue'; //达人详情

import hotMusic from '@/pages/wang/video/hotMusic/hotMusic.vue'; //热门音乐

import hotTopic from '@/pages/wang/video/hotTopic/hotTopic.vue'; //热门话题

import searchRoot from '@/pages/wang/goods/goodsSearch/searchRoot.vue'; //商品搜索-商品搜索

// import searchRes from '@/pages/wang/goods/goodsSearch/searchRes.vue'; //？商品搜索-应该是旧的

import goodsListRoot from '@/pages/wang/goods/goodsList/goodsListRoot.vue'; //商品榜-销量榜

import videoListRoot from '@/pages/wang/goods/videoList/videoListRoot.vue'; //带货视频榜

import shopList from '@/pages/wang/goods/shopList.vue'; //小店排行榜

// import talentSalesList from '@/pages/wang/goods/talentSalesList.vue'; //达人销量榜-先隐藏-后期可能开放

import liveTrafficMarket from '@/pages/wang/live/liveTrafficMarket/trafficMarketRoot.vue'; //实时数据大盘

import explosiveProRoot from '@/pages/wang/live/liveExplosiveRank/ExplosiveProRoot.vue'; //直播爆品榜 ··

import liveSearchRoot from '@/pages/wang/live/liveSearch/liveSearchRoot.vue'; //直播搜索

// import liveSearchRes from '@/pages/wang/live/liveSearch/liveSearchRes.vue'; //？直播搜索-应该是旧的

import liveDetailsRoot from '@/pages/wang/live/liveDetails/liveDetailsRoot.vue'; //直播间详情

import workbench from '@/pages/wang/workbench/workbench.vue'; //工作台

import musicDetails from '../../wang/video/musicDetails/musicDetails.vue'; // 热门音乐详情
//Li
import brandRoot from '@/pages/li/brand/brandRoot.vue'; //品牌详情

import list from '@/pages/li/BrandList/list.vue'; //抖音品牌榜

import CollectRoot from '@/pages/li/myCollect/collectRoot.vue'; //我的收藏
import SendMembers from '@/pages/shi/members/SendMembers.vue'; //邀好友送会员

import compareRoot from '@/pages/li/compare/compareRoot.vue'; //达人对比

// shi
import liveDrainage from '@/pages/shi/leftMenu/liveDrainage.vue'; //直播引流榜

import myMonitoring from '@/pages/meng/monitor/myMonitoring.vue'; //直播监测

import goodsDetails from '@/pages/Li/goodsDetails/goodsDetailsMain.vue'; // 商品详情

import videoDetails from '@/pages/Li/videoDetails/videoDetails_main.vue'; // 视频详情

import topicDetailsMainL from '@/pages/Li/topicDetails/topicDetailsMain.vue'; // 话题详情


import shopDetails from '@/pages/Li/shopDetails/shopDetails.vue'; //小店详情

import liveGoodsRank from '@/pages/meng/live/liveGoodsRank.vue'; // 直播间带货榜
import windmill from '@/pages/meng/live/windmill.vue'; // 直播风车榜

export default {
  name: 'talent_main',
  components: {
    person_centerN,
    buy,
    bring_goods,
    live_house,
    live_talent,
    shop_main,
    hot_video,
    star_map,
    left_nav,
    fans_main,
    search,
    tdetails,
    hotMusic,
    hotTopic,
    searchRoot,
    // searchRes,
    goodsListRoot,
    videoListRoot,
    shopList,
    // talentSalesList,
    liveTrafficMarket,
    explosiveProRoot,
    liveSearchRoot,
    // liveSearchRes,
    liveDetailsRoot,

    workbench,
    brandRoot,
    list,
    liveDrainage,
    goodsDetails,
    CollectRoot, //收藏
    SendMembers, //送会员
    compareRoot, //对比，
    videoDetails, //视频详情
    musicDetails, // 热门音乐详情
    topicDetailsMainL, //话题详情
    shopDetails, //小店详情，
    myMonitoring, //监测
    liveBroadcasting, //直播间对比
    liveGoodsRank,
    windmill // 直播风车榜
  }
};
</script>
<style scoped lang="less">
.pl_188 {
  padding-left: 188px !important;
}

#talent_main {
  width: 100%;
  padding-left: 64px;
  box-sizing: border-box;
  display: flex;
  background-color: #f1f1f1;
  > div:nth-child(2) {
    flex: 1;
  }
}
.overflowClass {
  overflow: auto;
}
</style>
